<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>接口详情</title>
</head>
<body style="margin:0px;padding:0px;border:0px;">
<div style="width:100%;border-bottom:2px solid #000080;margin:0px;padding:0px;">
	<table style="width:100%;height:50px;">
		<tr>
			<td style="width:50%;text-align:left;padding-left:50px;">
				<image src="open_api.png" style="width:40px;height:40px;margin: 0 auto;vertical-align:middle;" />
				<span style="font-size:20px;font-weight:bold;padding-left:10px;">API开放平台</span>
			</td>
			<td style="width:50%;text-align:right;font-size:14px;padding-right:10px;">
				<span>登录 | 注册</span>
			</td>
		</tr>
	</table>
</div>
<div id="container" style="width:100%;background:#F5F5F5;border:0px solid blue;padding:0px;margin:0 auto;">
    <div style="width:80%;margin:0 auto;padding-top:30px;">
		<div style="width:100%;background:white;border-radius:3px;padding:5px;padding-left:20px;">
			<div>
				<h2>接口名称：</h2>&nbsp;&nbsp;&nbsp;&nbsp; ${apiDocumentBean.interfaceName}
			</div>

			<div>
				<h3>简要描述：</h3> &nbsp;&nbsp;&nbsp;&nbsp; ${apiDocumentBean.interfaceDesc}
			</div>
			<div>
				<h3>请求URI：</h3> &nbsp;&nbsp;&nbsp;&nbsp; ${apiDocumentBean.requestUrl}
			</div>
			<div>
				<h3>请求方式：</h3> &nbsp;&nbsp;&nbsp;&nbsp; ${apiDocumentBean.requestType}
			</div>
			<div>
				<h3>请求参数列表：</h3>
				<table style="width:700px;border: 1px solid #f6f6f6;">
					<tr style="width:100%;border: 1px solid #f6f6f6;font-size: 16px;color: white;background: dodgerblue;
					line-height: 30px;">
						<td style="border: 1px solid #e6e6e6;">参数名</td>
						<td style="border: 1px solid #e6e6e6;">类型</td>
						<td style="border: 1px solid #e6e6e6;">说明</td>
					</tr>
					<tr style="font-size: 16px;border: 1px solid #e6e6e6;line-height: 30px;">
						<td style="border: 1px solid #e6e6e6;">shopName</td>
						<td style="border: 1px solid #e6e6e6;">String</td>
						<td style="border: 1px solid #e6e6e6;">商店名称(模糊查询)</td>
					</tr>
					<tr style="font-size: 16px;border: 1px solid #e6e6e6;line-height: 30px;">
						<td style="border: 1px solid #e6e6e6;">shopNum</td>
						<td style="border: 1px solid #e6e6e6;">int</td>
						<td style="border: 1px solid #e6e6e6;">商店数量</td>
					</tr>
				</table>
			</div>
			<div>
				<h3>返回参数列表：</h3>
				<table style="width:700px;border: 1px solid #e6e6e6;">
					<tr style="width:100%;border: 1px solid #e6e6e6;font-size: 16px;color: white;background: dodgerblue;line-height: 30px;">
						<td style="border: 1px solid #e6e6e6;">参数名</td>
						<td style="border: 1px solid #e6e6e6;">类型</td>
						<td style="border: 1px solid #e6e6e6;">说明</td>
					</tr>
					<tr style="font-size: 16px;border: 1px solid #e6e6e6;line-height: 30px;">
						<td style="border: 1px solid #e6e6e6;">shopName</td>
						<td style="border: 1px solid #e6e6e6;">String</td>
						<td style="border: 1px solid #e6e6e6;">商店名称</td>
					</tr>
					<tr style="font-size: 16px;border: 1px solid #e6e6e6;line-height: 30px;">
						<td style="border: 1px solid #e6e6e6;">desc</td>
						<td style="border: 1px solid #e6e6e6;">String</td>
						<td style="border: 1px solid #e6e6e6;">商店介绍</td>
					</tr>
				</table>
			</div>
		</div>
    </div>
	<div style="margin-top:20px;">
		&nbsp;&nbsp;
	</div>
</div>
<style>
    .buttonCls:hover {
		background-color: red;
	}
</style>
<script>
	function showApiDetail(apiId) {
		window.location.href="api_detail_info.html";
	}
</script>
</body>
</html>